﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="DatePicker.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link type="text/css" href="<%= ResolveClientUrl("~/css/pepper-grinder/jquery-ui-1.8.5.custom.css") %>" rel="stylesheet" media="screen,projector" title="screen css" />
     <script type="text/javascript" src="<%= ResolveClientUrl("~/scripts/jquery-1.5.1.min.js") %>"></script>
         <script type="text/javascript" src="<%= ResolveClientUrl("~/Scripts/jquery-ui-1.8.10.custom.min.js") %>"></script>
    <style type="text/css">
        .datepicker
        {
            width: 11.5em !important;
            margin-right: 0.2em !important;
        }
        
        .ui-datepicker-trigger
        {
            cursor: pointer;
            background-image: url(../img/calendar.gif);
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
            display: inline-block;
        }
    </style>
    <script type = "text/javascript" language="javascript">
        $(function () {

           
            $('.datepicker').datepicker({ dateFormat: 'dd-mm-yy', showOn: 'button', buttonImage: './img/calendar.gif', buttonImageOnly: true });

        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server" CssClass="datepicker"></asp:TextBox>
    </div>
    </form>
</body>
</html>
